<template>
	<view class="box">
		<view class="top" v-if="hide">
			<text>似乎已断开与互联网的连接。</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				hide:true
			}
		},
		methods: {
			
		},
		mounted(){
			setTimeout(()=>{
				this.hide=false
			}, 3000);
		}
	}
</script>

<style lang="scss">
	.top{
		width: 100%;
		height: 80rpx;
		// background-color: lightcoral;
		display: flex;
		justify-content: center;
		text{
			width: 60%;
			height: 100%;
			background-color: #000000;
			color: white;
			border-radius: 12rpx;
			text-align: center;
			line-height: 80rpx;
		}
	}
.box{
	width: 100vw;
	height: 100vh;
	background-color: #e4e4e4;
}
</style>
